﻿<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Font Awesome</title>
		<link rel="shortcut icon" type="image/x-icon" href="Vertical/favicon.ico">
		<!-- google font -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css" />
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link href="assets/css/ionicons.css" rel="stylesheet" type="text/css">
		<link href="assets/css/simple-line-icons.css" rel="stylesheet" type="text/css">
		<link href="assets/css/jquery.mCustomScrollbar.css" rel="stylesheet">
		<link href="assets/css/style.css" rel="stylesheet">
		<link href="assets/css/responsive.css" rel="stylesheet">
	</head>

	<body>
		<div class="wrapper">
			<!-- header -->
			<header class="main-header">
				<div class="container_header">
					<div class="logo d-flex align-items-center">
						<a href="#"> <strong class="logo_icon"> <img src="assets/images/small-logo.png" alt=""> </strong> <span class="logo-default"> <img src="assets/images/logo2.png" alt=""> </span> </a>
						<div class="icon_menu full_menu">
							<a href="#" class="menu-toggler sidebar-toggler"></a>
						</div>
					</div>
					<div class="right_detail">
						<div class="row d-flex align-items-center min-h pos-md-r">
							<div class="col-xl-5 col-3 search_col ">
								<div class="top_function">

									<div class="search">
										<a id="toggle_res_search" data-toggle="collapse" data-target="#search_form" class="res-only-view collapsed" href="javascript:void(0);"
										aria-expanded="false"> <i class=" icon-magnifier"></i> </a>
										<form id="search_form" role="search" class="search-form collapse" action="#">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Search...">
												<button type="button" class="btn" data-target="#search_form" data-toggle="collapse" aria-label="Close">
													<i class="ion-android-search"></i>
												</button>
											</div>
										</form>
									</div>
								</div>
							</div>
							<div class="col-xl-7 col-9 d-flex justify-content-end">
								<div class="right_bar_top d-flex align-items-center">

									<!-- notification_Start -->
									<div class="dropdown dropdown-notification">
										<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="false"> <i class="fa fa-bell-o"></i> <span class="badge_coun"> 6 </span> </a>
										<ul class="dropdown-menu scroll_auto height_fixed" aria-labelledby="dropdownMenu1">
											<li class="bigger">
												<h3><span class="bold">Notifications</span></h3>
												<span class="notification-label">New 6</span>
											</li>
											<li>
												<ul class="dropdown-menu-list">
													<li>
														<a href="javascript:;"> <span class="time">just now</span> <span class="details"> <span class="notification-icon deepPink-bgcolor"> <i class="fa fa-check"></i> </span> Congratulations!. </span> </a>
													</li>
													<li>
														<a href="javascript:;"> <span class="time">3 mins</span> <span class="details"> <span class="notification-icon purple-bgcolor"> <i class="fa fa-user o"></i> </span> <b>John Micle </b>is now following you. </span> </a>
													</li>
													<li>
														<a href="javascript:;"> <span class="time">7 mins</span> <span class="details"> <span class="notification-icon blue-bgcolor"> <i class="fa fa-comments-o"></i> </span> <b>Sneha Jogi </b>sent you a message. </span> </a>
													</li>
													<li>
														<a href="javascript:;"> <span class="time">12 mins</span> <span class="details"> <span class="notification-icon pink"> <i class="fa fa-heart"></i> </span> <b>Ravi Patel </b>like your photo. </span> </a>
													</li>
													<li>
														<a href="javascript:;"> <span class="time">15 mins</span> <span class="details"> <span class="notification-icon yellow"> <i class="fa fa-warning"></i> </span> Warning! </span> </a>
													</li>
													<li>
														<a href="javascript:;"> <span class="time">10 hrs</span> <span class="details"> <span class="notification-icon red"> <i class="fa fa-times"></i> </span> Application error. </span> </a>
													</li>
												</ul>
											</li>
										</ul>
									</div>
									<!-- notification_End -->
									<!-- DropDown_Inbox -->
									<div class="dropdown dropdown-inbox">
										<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> <i class="fa fa-envelope-o"></i> <span class="badge_coun"> 2 </span> </a>
										<ul class="dropdown-menu scroll_auto height_fixed" aria-labelledby="dropdownMenu1">
											<li class="bigger">
												<h3><span class="bold">Messages</span></h3>
												<span class="notification-label">New 2</span>
											</li>
											<li>
												<ul class="dropdown-menu-list">
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
													<li>
														<a href="#"> <span class="photo"> <img src="assets/images/about-1.jpg" class="img-circle" alt=""> </span> <span class="subject"> <span class="from"> Sarah Smith </span> <span class="time">Just Now </span> </span> <span class="message"> Jatin I found you on LinkedIn... </span> </a>
													</li>
												</ul>
											</li>
										</ul>
									</div>
									<!--DropDown_Inbox_End -->
									<!-- Dropdown_User -->
									<div class="dropdown dropdown-user">
										<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true" aria-expanded="true"> <img class="img-circle pro_pic" src="assets/images/about-1.jpg" alt=""> </a>
										<ul class="dropdown-menu dropdown-menu-default">
											<li>
												<a href="#"> <i class="icon-user"></i> Profile </a>
											</li>
											<li>
												<a href="#"> <i class="icon-settings"></i> Settings </a>
											</li>
											<li>
												<a href="#"> <i class="icon-directions"></i> Help </a>
											</li>
											<li class="divider"></li>
											<li>
												<a href="lock_screen.html"> <i class="icon-lock"></i> Lock </a>
											</li>
											<li>
												<a href="#"> <i class="icon-logout"></i> Log Out </a>
											</li>
										</ul>
									</div>
									<!-- Dropdown_User_End -->
								</div>
							</div>
						</div>
					</div>
				</div>

			</header>
			<!-- header_End -->
			<!-- Content_right -->
			<div class="container_full">

				<div class="side_bar scroll_auto">
                <div class="user-panel">
						<div class="user_image">
							<img src="assets/images/about-1.jpg" class="img-circle mCS_img_loaded" alt="User Image">
						</div>
						<div class="info">
							<p>
								Alexander Pierce
							</p>
							<a href="#"> <i class="fa fa-circle text-success"></i> Online</a>
						</div>
					</div>

					<ul id="dc_accordion" class="sidebar-menu tree">
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-home"></i> <span>Dashboard</span> 
							<span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="index.html">Dashboard 1</a>
								</li>
								<li>
									<a href="index1.html">Dashboard 2</a>
								</li>
								<li>
									<a href="index2.html">E-Commerce</a>
								</li>
								<li>
									<a href="index3.html">Analysis</a>
								</li>
								
								<li>
									<a href="index-green.html">Dashboard Green</a>
								</li>
								<li>
									<a href="index-orange.html">Dashboard Orange</a>
								</li>
								<li>
									<a href="index-purple.html">Dashboard Purple</a>
								</li>
								<li>
									<a href="index-red.html">Dashboard Red</a>
								</li>
								</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-newspaper-o"></i> <span>UI Elements </span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="alert.html">Alerts</a>
								</li>
								<li>
									<a href="buttons.html">Buttons</a>
								</li>
								<li>
									<a href="cards.html">Cards</a>
								</li>
								<li>
									<a href="dropdown.html">Dropdowns</a>
								</li>
								<li>
									<a href="grid.html">Grids</a>
								</li>
								<li>
									<a href="lists.html">Lists</a>
								</li>
								<li>
									<a href="modal.html">Modals</a>
								</li>
								<li>
									<a href="progress.html"> Progress</a>
								</li>
								<li>
									<a href="popover-tooltips.html">Popover &amp; Tooltips</a>
								</li>
								<li>
									<a href="typography.html">Typography</a>
								</li>
								<li>
									<a href="tabs.html">Tabs</a>
								</li>
								<li>
									<a href="tree.html">Tree</a>
								</li>
								<li>
									<a href="toastr.html">Toastr Notification</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-pie-chart"></i> <span>Portlets</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="portlet-base.html">Portlets Base</a>
								</li>
								<li>
									<a href="portlet-advanced.html">Portlets Advanced</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-laptop"></i> <span>Icons</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="icon-font-awesome.html">Fontawesome Icons</a>
								</li>
								<li>
									<a href="icon-simple-line.html">Simple line Icons</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-table"></i> <span>Widgets </span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="widgets-base.html">Widgets Base</a>
								</li>
								<li>
									<a href="widgets-chart.html">Widgets Chart</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-calendar"></i> <span>Calendar </span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="calendar-basic.html">Basic Calendar</a>
								</li>
								<li>
									<a href="calendar-external-events.html">External Events Calendar</a>
								</li>
								<li>
									<a href="calendar-list.html">List Calendar</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-wpforms"></i> <span>Forms</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li class="menu_sub">
									<a href="#">Form Control <span class="arrow"></span> </a>
									<ul class="down_menu lavel3">
										<li>
											<a href="form-basic-input.html">Basic Input</a>
										</li>
										<li>
											<a href="form-input-group.html">Input Group</a>
										</li>
										<li>
											<a href="form-checkbox-radio.html">Checkbox & Radio</a>
										</li>
									</ul>
								</li>
								<li class="menu_sub">
									<a href="#">Form Validation <span class="arrow"></span> </a>
									<ul class="down_menu lavel3">
										<li>
											<a href="form-validation-basic.html">Basic Validation</a>
										</li>
										<li>
											<a href="form-validation-jquery.html">jQuery Validation</a>
										</li>
										<li>
											<a href="form-wizard.html">Form Wizard</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="icon-grid"></i> <span>Data Tables</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="table-basic.html">Basic Table</a>
								</li>
								<li class="menu_sub">
									<a href="#">Data Tables <span class="arrow"></span> </a>
									<ul class="down_menu">
										<li>
											<a href="table-datatable.html">Basic Datatable</a>
										</li>
										<li>
											<a href="table-datatable-show-hide.html">Toggle Col Datatable</a>
										</li>
										<li>
											<a href="table-datatable-ajax.html">Ajax Datatable</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-bar-chart text-aqua"></i> <span>Charts</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="flot-chart.html">Flot Charts</a>
								</li>
								<li>
									<a href="echart.html">eCharts</a>
								</li>
								<li>
									<a href="morris-chart.html">Morris Charts</a>
								</li>
							</ul>
						</li>
						<li class="menu_sub">
							<a href="#"> <i class="fa fa-file text-aqua"></i> <span>Extra Pages</span> <span class="arrow"></span> </a>
							<ul class="down_menu">
								<li>
									<a href="profile.html">User Profile</a>
								</li>
								<li>
									<a href="page-login.html">Sign In</a>
								</li>
								<li>
									<a href="page-register.html">Sign Up</a>
								</li>
								<li>
									<a href="invoice.html">Invoice</a>
								</li>
								<li>
									<a href="page_404.html">404</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>

				<!--main contents start-->
				<main class="content_wrapper">
					<!--page title start-->
					<div class="page-heading">
						<div class="container-fluid">
							<div class="row d-flex align-items-center">
								<div class="col-md-6">
									<div class="page-breadcrumb">
										<h1>Fontawesome</h1>
									</div>
								</div>
								<div class="col-md-6 justify-content-md-end d-md-flex">
									<div class="breadcrumb_nav">
										<ol class="breadcrumb">
											<li>
												<i class="fa fa-home"></i>
												<a class="parent-item" href="index.html">Home</a>
												<i class="fa fa-angle-right"></i>
											</li>
											<li class="active">
												Fontawesome
											</li>
										</ol>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--page title end-->

					<div class="container-fluid">

						<!-- state start-->
						<div class="row">

							<div class="col-md-12">
								<div class="card card-shadow mb-4 ">
									<div class="card-header">
										<div class="card-title">
											Fontawesome 4.7
										</div>
									</div>

									<div class="card-body">
										<div id="font-icons">
											<section id="new">
												<h6 class="mb-4">41 New Icons </h6>
												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-book" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-book
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-book-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-book-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-card-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-card-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bandcamp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bandcamp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bath" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bath
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bathtub" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-drivers-license" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-drivers-license-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eercast" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eercast
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-open" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-open
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-open-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-open-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-etsy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>etsy
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-free-code-camp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>free-code-camp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-grav" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>grav
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-handshake-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>handshake-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-badge" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-badge
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-card-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-card-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-imdb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>imdb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-linode" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>linode
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-meetup" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>meetup
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-microchip" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>microchip
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-podcast" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>podcast
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-quora" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>quora
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ravelry" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ravelry
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-s15" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shower" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shower
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-snowflake-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>snowflake-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-superpowers" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>superpowers
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-telegram" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>telegram
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-0" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-1" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-2" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-3" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-4" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-empty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-empty
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-full" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-full
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-half" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-half
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-quarter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-quarter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-three-quarters
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-rectangle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-rectangle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vcard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vcard-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-close" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-close
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-close-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-close-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-maximize" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-maximize
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-minimize" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-minimize
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-restore" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-restore
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wpexplorer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wpexplorer
													</div>

												</div>
											</section>

											<section id="web-application">
												<h6 class="mb-4">Web Application Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-book" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-book
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-book-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-book-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-address-card-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>address-card-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-adjust" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>adjust
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>american-sign-language-interpreting
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-anchor" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>anchor
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-archive" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>archive
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-area-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>area-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-h" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-h
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-v" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-v
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-asl-interpreting" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-assistive-listening-systems" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>assistive-listening-systems
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-asterisk" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>asterisk
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-at" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>at
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-audio-description" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>audio-description
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-automobile" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-balance-scale" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>balance-scale
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ban" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ban
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bank" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bar-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bar-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bar-chart-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-barcode" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>barcode
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bars" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bars
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bath" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bath
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bathtub" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-0" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-1" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-2" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-3" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-4" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-empty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-empty
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-full" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-full
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-half" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-half
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-quarter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-quarter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-battery-three-quarters" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>battery-three-quarters
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bed" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bed
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-beer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>beer
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bell" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bell
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bell-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bell-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bell-slash" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bell-slash
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bell-slash-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bell-slash-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bicycle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bicycle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-binoculars" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>binoculars
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-birthday-cake" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>birthday-cake
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-blind" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>blind
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bluetooth" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bluetooth
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bluetooth-b" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bluetooth-b
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bolt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bolt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bomb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bomb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-book" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>book
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bookmark" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bookmark
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bookmark-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bookmark-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-braille" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>braille
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-briefcase" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>briefcase
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bug" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bug
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-building" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>building
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-building-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>building-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bullhorn" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bullhorn
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bullseye" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bullseye
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cab" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calculator" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calculator
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar-check-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar-check-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar-minus-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar-minus-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar-plus-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar-plus-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-calendar-times-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>calendar-times-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-camera" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>camera
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-camera-retro" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>camera-retro
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-car" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>car
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cart-arrow-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cart-plus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cart-plus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-certificate" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>certificate
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-child" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>child
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle-o-notch" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle-o-notch
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle-thin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle-thin
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-clock-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>clock-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-clone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>clone
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-close" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cloud" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cloud
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cloud-download" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cloud-download
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cloud-upload" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cloud-upload
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-code" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>code
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-code-fork" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>code-fork
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-coffee" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>coffee
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cog" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cog
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cogs" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cogs
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-comment" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>comment
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-comment-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>comment-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-commenting" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>commenting
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-commenting-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>commenting-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-comments" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>comments
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-comments-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>comments-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-compass" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>compass
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-copyright" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>copyright
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-creative-commons" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>creative-commons
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-credit-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>credit-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-credit-card-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>credit-card-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-crop" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>crop
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-crosshairs" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>crosshairs
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cube" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cube
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cubes" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cubes
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cutlery" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cutlery
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dashboard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-database" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>database
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-deaf" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>deaf
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-deafness" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-desktop" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>desktop
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-diamond" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>diamond
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dot-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dot-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-download" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>download
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-drivers-license" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-drivers-license-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-edit" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>edit <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ellipsis-h
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ellipsis-v
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-open" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-open
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-open-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-open-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envelope-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envelope-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eraser" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eraser
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-exchange" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>exchange
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-exclamation" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>exclamation
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>exclamation-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>exclamation-triangle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-external-link" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>external-link
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-external-link-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>external-link-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eye" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eye
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eye-slash" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eye-slash
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eyedropper" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eyedropper
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fax" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fax
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-feed" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>feed <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-female" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>female
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fighter-jet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fighter-jet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-archive-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-archive-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-audio-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-audio-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-code-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-code-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-excel-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-excel-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-image-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-image-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-movie-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-pdf-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-pdf-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-photo-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-picture-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-powerpoint-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-powerpoint-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-sound-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-video-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-video-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-word-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-word-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-zip-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-film" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>film
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-filter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>filter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fire" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fire
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fire-extinguisher" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fire-extinguisher
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flag" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flag
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flag-checkered" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flag-checkered
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flag-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flag-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flash" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flash <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flask" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flask
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-folder" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>folder
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-folder-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>folder-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-folder-open" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>folder-open
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-folder-open-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>folder-open-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-frown-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>frown-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-futbol-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>futbol-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gamepad" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gamepad
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gavel" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gavel
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gear" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gears" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gears <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gift" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gift
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-glass" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>glass
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-globe" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>globe
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-graduation-cap" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>graduation-cap
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-group" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>group <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-grab-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-lizard-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-lizard-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-paper-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-paper-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-peace-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-peace-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-pointer-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-pointer-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-rock-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-rock-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-scissors-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-scissors-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-spock-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-spock-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-stop-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-handshake-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>handshake-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hard-of-hearing" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hashtag" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hashtag
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hdd-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hdd-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-headphones" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>headphones
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heart-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heart-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heartbeat" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heartbeat
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-history" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>history
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-home" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>home
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hotel" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hotel <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-1" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-1 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-2" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-2 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-3" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-3 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-end" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-end
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-half" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-half
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hourglass-start" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hourglass-start
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-i-cursor" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>i-cursor
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-badge" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-badge
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-id-card-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>id-card-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-image" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>image <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-inbox" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>inbox
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-industry" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>industry
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-info" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>info
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-info-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>info-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-institution" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>institution <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-key" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>key
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-keyboard-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>keyboard-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-language" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>language
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-laptop" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>laptop
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-leaf" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>leaf
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-legal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>legal <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-lemon-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>lemon-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-level-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>level-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-level-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>level-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-life-bouy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>life-bouy <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-life-buoy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>life-buoy <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-life-ring" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>life-ring
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-life-saver" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>life-saver <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-lightbulb-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>lightbulb-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-line-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>line-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-location-arrow" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>location-arrow
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-lock" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>lock
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-low-vision" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>low-vision
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-magic" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>magic
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-magnet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>magnet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mail-forward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mail-forward <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mail-reply" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mail-reply <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mail-reply-all" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mail-reply-all <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-male" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>male
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-map" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>map
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-map-marker" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>map-marker
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-map-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>map-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-map-pin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>map-pin
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-map-signs" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>map-signs
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-meh-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>meh-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-microchip" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>microchip
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-microphone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>microphone
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-microphone-slash" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>microphone-slash
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mobile" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mobile
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mobile-phone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mobile-phone <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-money" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>money
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-moon-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>moon-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mortar-board" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mortar-board <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-motorcycle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>motorcycle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mouse-pointer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mouse-pointer
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-music" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>music
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-navicon" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>navicon <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-newspaper-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>newspaper-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-object-group" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>object-group
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-object-ungroup" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>object-ungroup
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paint-brush" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paint-brush
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paper-plane" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paper-plane
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paper-plane-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paw" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paw
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pencil" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pencil
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pencil-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pencil-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pencil-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-percent" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>percent
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-phone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>phone
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-phone-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>phone-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-photo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>photo <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-picture-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>picture-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pie-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pie-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plane" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plane
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plug" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plug
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-podcast" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>podcast
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-power-off" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>power-off
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-print" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>print
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-puzzle-piece" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>puzzle-piece
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-qrcode" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>qrcode
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-question" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>question
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-question-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>question-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-question-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>question-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-quote-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>quote-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-quote-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>quote-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-random" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>random
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-recycle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>recycle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-refresh" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>refresh
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-registered" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>registered
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-remove" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>remove <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reorder" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reorder <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reply" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reply
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reply-all" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reply-all
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-retweet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>retweet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-road" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>road
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rocket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rocket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rss" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rss
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rss-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rss-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-s15" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-search" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>search
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-search-minus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>search-minus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-search-plus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>search-plus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-send" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>send <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-send-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>send-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-server" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>server
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-alt-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-alt-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shield" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shield
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ship" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ship
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shopping-bag" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shopping-bag
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shopping-basket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shopping-basket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shopping-cart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shopping-cart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shower" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shower
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sign-in" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sign-in
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sign-language" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sign-language
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sign-out" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sign-out
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-signal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>signal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-signing" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sitemap" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sitemap
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sliders" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sliders
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-smile-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>smile-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-snowflake-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>snowflake-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-soccer-ball-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>soccer-ball-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-alpha-asc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-alpha-asc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-alpha-desc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-alpha-desc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-amount-asc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-amount-asc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-amount-desc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-amount-desc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-asc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-asc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-desc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-desc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-down <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-numeric-asc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-numeric-asc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-numeric-desc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-numeric-desc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sort-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sort-up <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-space-shuttle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>space-shuttle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-spinner" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>spinner
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-spoon" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>spoon
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star-half" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star-half
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star-half-empty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star-half-empty <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star-half-full" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star-half-full <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star-half-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star-half-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-star-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>star-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sticky-note" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sticky-note
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sticky-note-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sticky-note-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-street-view" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>street-view
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-suitcase" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>suitcase
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sun-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sun-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-support" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>support <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tablet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tablet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tachometer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tachometer
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tag" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tag
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tags" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tags
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tasks" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tasks
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-taxi" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>taxi
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-television" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>television
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-terminal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>terminal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-0" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-1" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-2" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-3" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-4" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-empty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-empty
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-full" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-full
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-half" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-half
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-quarter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-quarter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thermometer-three-quarters
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumb-tack" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumb-tack
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ticket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ticket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-rectangle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-times-rectangle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tint" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tint
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-off" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-off
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-on" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-on
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-trademark" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>trademark
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-trash" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>trash
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-trash-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>trash-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tree" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tree
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-trophy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>trophy
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-truck" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>truck
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tty
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tv" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tv <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-umbrella" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>umbrella
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-universal-access" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>universal-access
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-university" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>university
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-unlock" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>unlock
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-unlock-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>unlock-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-unsorted" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>unsorted <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-upload" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>upload
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-plus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-plus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-secret" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-secret
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-times" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-times
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-users" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>users
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vcard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vcard-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-video-camera" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>video-camera
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-volume-control-phone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>volume-control-phone
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-volume-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>volume-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-volume-off" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>volume-off
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-volume-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>volume-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-warning" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>warning <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wifi" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wifi
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-close" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-close
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-close-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-close-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-maximize" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-maximize
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-minimize" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-minimize
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-window-restore" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>window-restore
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wrench" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wrench
													</div>

												</div>

											</section>

											<section id="accessibility">
												<h6 class="mb-4">Accessibility Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>american-sign-language-interpreting
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-asl-interpreting" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-assistive-listening-systems" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>assistive-listening-systems
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-audio-description" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>audio-description
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-blind" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>blind
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-braille" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>braille
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-deaf" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>deaf
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-deafness" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hard-of-hearing" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-low-vision" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>low-vision
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-question-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>question-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sign-language" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sign-language
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-signing" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tty" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tty
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-universal-access" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>universal-access
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-volume-control-phone" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>volume-control-phone
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair-alt
													</div>

												</div>

											</section>

											<section id="hand">
												<h6 class="mb-4">Hand Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-grab-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-lizard-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-lizard-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-paper-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-paper-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-peace-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-peace-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-pointer-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-pointer-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-rock-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-rock-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-scissors-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-scissors-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-spock-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-spock-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-stop-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-thumbs-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>thumbs-up
													</div>

												</div>

											</section>

											<section id="transportation">
												<h6 class="mb-4">Transportation Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ambulance" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ambulance
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-automobile" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bicycle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bicycle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cab" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-car" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>car
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fighter-jet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fighter-jet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-motorcycle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>motorcycle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plane" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plane
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rocket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rocket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ship" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ship
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-space-shuttle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>space-shuttle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-subway" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>subway
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-taxi" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>taxi
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-train" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>train
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-truck" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>truck
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair-alt
													</div>

												</div>

											</section>

											<section id="gender">
												<h6 class="mb-4">Gender Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-genderless" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>genderless
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-intersex" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>intersex <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mars" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mars
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mars-double" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mars-double
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mars-stroke" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mars-stroke
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mars-stroke-h" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mars-stroke-h
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mars-stroke-v" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mars-stroke-v
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mercury" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mercury
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-neuter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>neuter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-transgender" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>transgender
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-transgender-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>transgender-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-venus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>venus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-venus-double" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>venus-double
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-venus-mars" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>venus-mars
													</div>

												</div>

											</section>

											<section id="file-type">
												<h6 class="mb-4">File Type Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-archive-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-archive-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-audio-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-audio-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-code-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-code-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-excel-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-excel-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-image-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-image-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-movie-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-pdf-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-pdf-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-photo-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-picture-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-powerpoint-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-powerpoint-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-sound-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-text" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-text
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-text-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-text-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-video-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-video-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-word-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-word-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-zip-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span>
													</div>

												</div>

											</section>

											<section id="spinner">
												<h6 class="mb-4">Spinner Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle-o-notch" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle-o-notch
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cog" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cog
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gear" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-refresh" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>refresh
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-spinner" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>spinner
													</div>

												</div>
											</section>

											<section id="form-control">
												<h6 class="mb-4">Form Control Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-check-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>check-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dot-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dot-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-minus-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>minus-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-square-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-square-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>square-o
													</div>

												</div>
											</section>

											<section id="payment">
												<h6 class="mb-4">Payment Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-amex" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-amex
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-diners-club" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-diners-club
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-discover" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-discover
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-jcb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-jcb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-mastercard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-mastercard
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-paypal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-paypal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-stripe" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-stripe
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-visa" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-visa
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-credit-card" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>credit-card
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-credit-card-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>credit-card-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-wallet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-wallet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paypal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paypal
													</div>

												</div>

											</section>

											<section id="chart">
												<h6 class="mb-4">Chart Icons</h6>

												<div class="row fontawesome-icon-list">
													\

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-area-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>area-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bar-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bar-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bar-chart-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-line-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>line-chart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pie-chart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pie-chart
													</div>

												</div>

											</section>

											<section id="currency">
												<h6 class="mb-4">Currency Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bitcoin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-btc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>btc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cny" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cny <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dollar" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dollar <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eur" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eur
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-euro" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>euro <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gbp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gbp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gg" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gg
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gg-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gg-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ils" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ils
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-inr" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>inr
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-jpy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>jpy
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-krw" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>krw
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-money" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>money
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rmb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rmb <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rouble" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rouble <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rub" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rub
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ruble" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ruble <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rupee" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rupee <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shekel" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shekel <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sheqel" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sheqel <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-try" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>try
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-turkish-lira" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>turkish-lira <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-usd" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>usd
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-won" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>won <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yen" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yen <span class="text-muted">(alias)</span>
													</div>

												</div>

											</section>

											<section id="text-editor">
												<h6 class="mb-4">Text Editor Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-align-center" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>align-center
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-align-justify" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>align-justify
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-align-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>align-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-align-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>align-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bold" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bold
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chain" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chain <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chain-broken" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chain-broken
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-clipboard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>clipboard
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-columns" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>columns
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-copy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>copy <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cut" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cut <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dedent" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dedent <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eraser" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eraser
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-text" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-text
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-file-text-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>file-text-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-files-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>files-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-floppy-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>floppy-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-font" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>font
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-header" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>header
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-indent" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>indent
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-italic" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>italic
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-link" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>link
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-list" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>list
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-list-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>list-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-list-ol" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>list-ol
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-list-ul" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>list-ul
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-outdent" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>outdent
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paperclip" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paperclip
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paragraph" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paragraph
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paste" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paste <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-repeat" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>repeat
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rotate-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rotate-left <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rotate-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rotate-right <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-save" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>save <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-scissors" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>scissors
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-strikethrough" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>strikethrough
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-subscript" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>subscript
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-superscript" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>superscript
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-table" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>table
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-text-height" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>text-height
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-text-width" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>text-width
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-th" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>th
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-th-large" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>th-large
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-th-list" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>th-list
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-underline" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>underline
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-undo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>undo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-unlink" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>unlink <span class="text-muted">(alias)</span>
													</div>

												</div>

											</section>

											<section id="directional">
												<h6 class="mb-4">Directional Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-double-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-double-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-double-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-double-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-double-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-double-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-double-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-double-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angle-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angle-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-o-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-o-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-circle-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-circle-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrow-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrow-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-h" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-h
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-v" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-v
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-square-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-square-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-caret-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>caret-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-circle-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-circle-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-circle-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-circle-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-circle-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chevron-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chevron-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-exchange" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>exchange
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hand-o-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hand-o-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>long-arrow-down
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>long-arrow-left
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>long-arrow-right
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-long-arrow-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>long-arrow-up
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-down" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-left" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-right" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-toggle-up" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span>
													</div>

												</div>

											</section>

											<section id="video-player">
												<h6 class="mb-4">Video Player Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-arrows-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>arrows-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-backward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>backward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-compress" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>compress
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eject" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eject
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-expand" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>expand
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fast-backward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fast-backward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fast-forward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fast-forward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-forward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>forward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pause" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pause
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pause-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pause-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pause-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pause-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-play" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>play
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-play-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>play-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-play-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>play-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-random" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>random
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-step-backward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>step-backward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-step-forward" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>step-forward
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stop" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stop
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stop-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stop-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stop-circle-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stop-circle-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-youtube-play" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>youtube-play
													</div>

												</div>

											</section>

											<section id="brand">
												<h6 class="mb-4">Brand Icons</h6>

												<div class="row fontawesome-icon-list margin-bottom-lg">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-500px" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>500px
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-adn" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>adn
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-amazon" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>amazon
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-android" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>android
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-angellist" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>angellist
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-apple" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>apple
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bandcamp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bandcamp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-behance" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>behance
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-behance-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>behance-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bitbucket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bitbucket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bitbucket-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bitbucket-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bitcoin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-black-tie" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>black-tie
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bluetooth" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bluetooth
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-bluetooth-b" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>bluetooth-b
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-btc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>btc
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-buysellads" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>buysellads
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-amex" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-amex
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-diners-club" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-diners-club
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-discover" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-discover
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-jcb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-jcb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-mastercard" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-mastercard
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-paypal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-paypal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-stripe" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-stripe
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-cc-visa" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>cc-visa
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-chrome" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>chrome
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-codepen" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>codepen
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-codiepie" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>codiepie
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-connectdevelop" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>connectdevelop
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-contao" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>contao
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-css3" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>css3
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dashcube" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dashcube
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-delicious" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>delicious
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-deviantart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>deviantart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-digg" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>digg
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dribbble" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dribbble
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-dropbox" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>dropbox
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-drupal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>drupal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-edge" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>edge
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-eercast" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>eercast
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-empire" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>empire
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-envira" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>envira
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-etsy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>etsy
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-expeditedssl" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>expeditedssl
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fa" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fa <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-facebook" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>facebook
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-facebook-f" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>facebook-f <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-facebook-official" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>facebook-official
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-facebook-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>facebook-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-firefox" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>firefox
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-first-order" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>first-order
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-flickr" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>flickr
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-font-awesome" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>font-awesome
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fonticons" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fonticons
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-fort-awesome" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>fort-awesome
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-forumbee" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>forumbee
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-foursquare" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>foursquare
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-free-code-camp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>free-code-camp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ge" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ge <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-get-pocket" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>get-pocket
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gg" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gg
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gg-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gg-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-git" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>git
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-git-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>git-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-github" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>github
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-github-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>github-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-github-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>github-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gitlab" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gitlab
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gittip" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gittip <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-glide" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>glide
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-glide-g" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>glide-g
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-plus" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-plus
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-plus-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-plus-circle <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-plus-official" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-plus-official
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-plus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-plus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-google-wallet" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>google-wallet
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-gratipay" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>gratipay
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-grav" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>grav
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hacker-news" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hacker-news
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-houzz" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>houzz
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-html5" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>html5
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-imdb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>imdb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-instagram" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>instagram
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-internet-explorer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>internet-explorer
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ioxhost" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ioxhost
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-joomla" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>joomla
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-jsfiddle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>jsfiddle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-lastfm" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>lastfm
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-lastfm-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>lastfm-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-leanpub" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>leanpub
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-linkedin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>linkedin
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-linkedin-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>linkedin-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-linode" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>linode
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-linux" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>linux
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-maxcdn" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>maxcdn
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-meanpath" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>meanpath
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-medium" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>medium
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-meetup" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>meetup
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-mixcloud" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>mixcloud
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-modx" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>modx
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-odnoklassniki" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>odnoklassniki
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-odnoklassniki-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>odnoklassniki-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-opencart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>opencart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-openid" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>openid
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-opera" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>opera
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-optin-monster" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>optin-monster
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pagelines" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pagelines
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-paypal" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>paypal
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pied-piper" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pied-piper
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pied-piper-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pied-piper-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pied-piper-pp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pied-piper-pp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pinterest" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pinterest
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pinterest-p" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pinterest-p
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-pinterest-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>pinterest-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-product-hunt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>product-hunt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-qq" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>qq
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-quora" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>quora
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ra" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ra <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ravelry" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ravelry
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-rebel" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>rebel
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reddit" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reddit
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reddit-alien" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reddit-alien
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-reddit-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>reddit-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-renren" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>renren
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-resistance" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>resistance <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-safari" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>safari
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-scribd" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>scribd
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-sellsy" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>sellsy
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-alt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-share-alt-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>share-alt-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-shirtsinbulk" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>shirtsinbulk
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-simplybuilt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>simplybuilt
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-skyatlas" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>skyatlas
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-skype" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>skype
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-slack" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>slack
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-slideshare" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>slideshare
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-snapchat" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>snapchat
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-snapchat-ghost" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>snapchat-ghost
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-snapchat-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>snapchat-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-soundcloud" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>soundcloud
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-spotify" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>spotify
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stack-exchange" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stack-exchange
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stack-overflow" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stack-overflow
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-steam" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>steam
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-steam-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>steam-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stumbleupon" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stumbleupon
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stumbleupon-circle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stumbleupon-circle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-superpowers" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>superpowers
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-telegram" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>telegram
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tencent-weibo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tencent-weibo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-themeisle" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>themeisle
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-trello" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>trello
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tripadvisor" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tripadvisor
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tumblr" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tumblr
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-tumblr-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>tumblr-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-twitch" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>twitch
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-twitter" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>twitter
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-twitter-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>twitter-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-usb" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>usb
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-viacoin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>viacoin
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-viadeo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>viadeo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-viadeo-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>viadeo-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vimeo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vimeo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vimeo-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vimeo-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vine" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vine
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-vk" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>vk
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wechat" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wechat <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-weibo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>weibo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-weixin" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>weixin
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-whatsapp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>whatsapp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wikipedia-w" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wikipedia-w
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-windows" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>windows
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wordpress" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wordpress
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wpbeginner" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wpbeginner
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wpexplorer" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wpexplorer
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wpforms" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wpforms
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-xing" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>xing
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-xing-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>xing-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-y-combinator" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>y-combinator
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-y-combinator-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>y-combinator-square <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yahoo" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yahoo
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yc" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yc <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yc-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yc-square <span class="text-muted">(alias)</span>
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yelp" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yelp
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-yoast" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>yoast
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-youtube" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>youtube
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-youtube-play" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>youtube-play
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-youtube-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>youtube-square
													</div>

												</div>

											</section>

											<section id="medical">
												<h6 class="mb-4">Medical Icons</h6>

												<div class="row fontawesome-icon-list">

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-ambulance" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>ambulance
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-h-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>h-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heart" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heart
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heart-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heart-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-heartbeat" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>heartbeat
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-hospital-o" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>hospital-o
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-medkit" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>medkit
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-plus-square" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>plus-square
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-stethoscope" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>stethoscope
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-user-md" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>user-md
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair
													</div>

													<div class="preview col-md-3 col-sm-4">
														<i class="fa fa-wheelchair-alt" aria-hidden="true"></i>
														<span class="sr-only">Example of </span>wheelchair-alt
													</div>

												</div>

											</section>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</main>
				<!--main contents end-->
			</div>
			<!-- Content_right_End -->
			<!-- Footer -->
			<footer class="footer ptb-20">
				<div class="row">
					<div class="col-md-12 text-center">
						<div class="copy_right">
							<p>
								2018 © Dashboard Theme By
								<a href="http://www.17sucai.com/">Jeparo</a>
							</p>
						</div>
						<a id="back-to-top" href="#"> <i class="ion-android-arrow-up"></i> </a>
					</div>
				</div>
			</footer>
			<!-- Footer_End -->
		</div>
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/popper.min.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
		<script type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
		<script src="assets/js/custom.js" type="text/javascript"></script>
	</body>

</html>
